<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<style type="text/css">
	.red{
		color:red: 
	}
</style>
<script type="text/javascript" src='my.js'></script>
	<script type="text/javascript">
		function myAttachEvent(obj,ev,fn){
			    if (obj.attachEvent) {
             	 //attachEvent 适用于IE低版本浏览器
             	 obj.attachEvent('on'+ev,fn);
             }else{
             	 //addEventListener 适用于FF chrome IE9等现代浏览器
             	 obj.addEventListener(ev,fn,false);
             }
		}



		window.onload=function(){

			var btn1=document.getElementById('btn1');
			var box=document.getElementById('box');
             //attachEvent 适用于IE低版本浏览器，不适用于IE9以上或其它现代浏览器
             //所以我们要做兼容
             //事件绑定，可以解决多人合作的问题
             //btn1.attachEvent('onclick',function(){
             //	alert('a');
             //});


             //事件绑定，可以解决多人合作的问题
             //btn1.attachEvent('onclick',function(){
             //	alert('b');
             //});
             
             myAttachEvent(btn1,'click',function(){
             	 alert('a');
             })

             
             myAttachEvent(btn1,'click',function(){
             	 alert('n');
             })

             // if (btn1.attachEvent) {
             // 	 //attachEvent 适用于IE低版本浏览器
             // 	 btn1.attachEvent('onclick',function(){
	            //  	alert('a');
	            //  });
	            //  btn1.attachEvent('onclick',function(){
	            //  	alert('b');
	            //  });
             // }else{
             // 	 //addEventListener 适用于FF chrome IE9等现代浏览器
             // 	 btn1.addEventListener('click',function(){
	            //  	alert('a');
	            //  },false);
	            //  btn1.addEventListener('click',function(){
	            //  	alert('b');
	            //  },false);
             // }

            //alert(getStyle(btn1,'background-color'));

           alert(getByClass(box,'red').length);
		}


  
	</script>
</head>
<body>
	<input type="button" id="btn1" style="background-color: red" value="按下" name="">
	<ul id="box">
		<li class="red"></li>
		<li class="red"></li>
	</ul>
</body>
</html>